@charset "utf-8";

/* Reset */
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,input,textarea,th,td{margin:0;padding:0;}
input,select,textarea,table{font-family:'Microsoft YaHei','微软雅黑','SimSun','宋体','Arial','Tahoma';}
em,i{font-style:normal;}ul,ol{list-style:none;}
img{border:none;vertical-align:middle;}table{border-collapse:collapse;}
a{display: inline-block;width:100;height:100%;text-decoration: none;}
 a:hover{text-decoration: none;}

/* Global */
body{font:14px/1.5 'Microsoft YaHei','微软雅黑','SimSun','宋体','Tahoma';background-color:#FFF;overflow-x:hidden;}

body{
	position: relative;
}
.ico{
	 background:url(../images/ico.png) no-repeat 0 0;
	 float: left;
	 display: inline-block;
}
.clear{clear:both;line-height:0;}
.clearfix:after{content:"";display:table;clear:both;}
.clearfix{*zoom:1;}
.wrapbox{ width: 100%; padding:0; margin:0 auto; }
.wrap{width:1200px;margin:0 auto;}

.blank10{height:10px;line-height:0;font-size:0;clear:both;overflow:hidden;}
.blank15{height:15px;line-height:0;font-size:0;clear:both;overflow:hidden;}
.hline1 {clear:both;background-color:#DCDCDC;height:1px;line-height:0;font-size:0;}
.hline3 {clear:both;background-color:#5CA521;height:3px;line-height:0;font-size:0;}

.left {float: left;}
.right {float: right;}

.ind-content {margin-left: 285px;}
.ind-content .wrap {width: 967px;}

/* 外边距 */

.ml15 {margin-left: 15px}
.mr15 {margin-right: 15px}
.mt15 {margin-top: 15px}
.mb15 {margin-bottom: 15px}
.mtrbl15 {margin: 15px;}
.mb30{ margin-bottom: 30px !important; }
.ml30{ margin-left: 30px !important; }
.ml20 {margin-left: 20px}
.mr20 {margin-right: 20px}
.mt50 {margin-top: 50px !important;}
.mb50 {margin-bottom: 50px !important;}
.mtrbl20 {margin: 20px;}
.pt50{padding-top: 50px;}

/* 颜色 */
.cGray {color:gray;}
.cBlue {color:#00a995;}
.cRed {color:#f22121;}
.cOrange {color:orange;}
.cYellow {color:yellow;}

/* 字号 */
.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}

/* 对齐 */
.tal {text-align: left}
.tar {text-align: right}
.tac {text-align: center}

/********************** Header ***/


/********************** Navigation ***/
.pNavigation{height:42px;background:#44b036;}  
.pMainNav{padding-left:277px;height:42px;}
.pMainNav .item{float:left;line-height:42px;}
.pMainNav .home,.pMainNav .sub{height:42px;line-height:42px;overflow:hidden;font-size:16px;}
.pMainNav .sub a {padding: 0 46px;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.pMainNav .home a,.pMainNav .sub a{color:#FFF;display:block;text-align:center}
.pMainNav .open .sub {padding-left:2px;margin-left:-2px}
.pMainNav .open .sub a,.pMainNav .home a:hover{color:#fffd5a;text-decoration:none; 
	background:#388a3c;}
.pMainNav .sub em{font-size:10px;padding:0 6px;}
.pMainNav .subitem{position:absolute;width:100%;left:0;top:42px;background-color:#FFF;display:none;}
.pMainNav .subitem ul{border:1px solid #DCDCDC;border-top:0;line-height:30px;padding:5px 0;text-align:center;
	background-color:#FFF;}
.pMainNav .subitem li{border-bottom:1px solid #EEE;margin:0 5px;}
.pMainNav .subitem li a{display:block;width:100%;line-height:18px;padding:6px 0}
.pMainNav .open{position:relative;z-index:799;}
.pMainNav .open .subitem{display:block;}
/* .pMainNav .i1{width:65px}
.pMainNav .i2{width:75px}
.pMainNav .i3{width:125px}
.pMainNav .i4{width:125px}
.pMainNav .i5{width:110px}
.pMainNav .i6{width:80px}
.pMainNav .i7{width:95px}
.pMainNav .i8{width:95px} */
.pMainNav li a:hover{text-decoration:none}
.pMainNav .subitem li a:hover{background-color:#EEE}

/********************** CourseNav ***/
.pCourseNav{width:200px;height:42px;overflow:hidden;position:absolute;z-index:899;background-color:#FFF;}
.pCourseNav .courseHd{height:45px;cursor:pointer;overflow:hidden;background:#388a3c; margin-top: -3px;}
.pCourseNav .courseHd h2{ font-size: 14px;color: #fff;height:40px; 
	line-height: 40px;padding-left: 40px; }
.pCourseNav .courseHd .allnav{ background:url(../images/ico.png) no-repeat 0 0; margin:16px 10px 0px 0px;
	float:left;display: inline-block; width: 13px; height: 10px;}
.pCourseNav .courseHd .navdown{width:10px;height:6px;position:absolute;top:20px;right:20px;
	background:url(../images/www_public.jpg) no-repeat -170px -240px;}
.pCourseNav .courseBd{border-top:0;background-color:#efefef;position:relative;z-index:2;}
.pCourseNav .item{height:41px;padding:0 10px;}
.pCourseNav .item h3{height:41px;font-size:13px;line-height:41px;font-weight:normal;border-bottom:1px dashed #DDD;}
.pCourseNav .item h3 i{float:left;width:30px;height:32px;margin:8px 0px 0 5px;display:inline;
	background:url(../images/course-ico.png) no-repeat }
.pCourseNav .item h3 a,.pCourseNav .item h3 span{float:left; color: #4d4d4d;}
.pCourseNav .item h3 s{float:right;width:5px;height:7px;margin:20px 10px 0 5px;display:inline;
	background:url(../images/www_public.jpg) no-repeat -190px -197px}
.pCourseNav .m12 h3{border:0}
.pCourseNav .m1 h3 i{background-position:0 3px;}
.pCourseNav .m2 h3 i{background-position:0 -41px;}
.pCourseNav .m3 h3 i{background-position:0 -84px;}
.pCourseNav .m4 h3 i{background-position:0 -128px;}
.pCourseNav .m5 h3 i{background-position:0 -171px;}
.pCourseNav .m6 h3 i{background-position:0 -215px;}
.pCourseNav .m7 h3 i{background-position:0 -258px;}
.pCourseNav .m8 h3 i{background-position:0 -301px;}
.pCourseNav .m9 h3 i{background-position:0 -345px;}
.pCourseNav .m10 h3 i{background-position:0 -388px;}
.pCourseNav .m11 h3 i{background-position:0 -432px;}
.pCourseNav .m12 h3 i{background-position:0 -475px;}
.pCourseNav .sCourseBd {display:none;position:absolute;left:168px;top:0px;z-index:1;width:300px;border:1px solid #EC740D;background:#f9f9f9 }
.pCourseNav .m5 .sCourseBd {top:100px }
.pCourseNav .m6 .sCourseBd {top:150px }
.pCourseNav .m7 .sCourseBd {top:180px }  
.pCourseNav .m8 .sCourseBd,
.pCourseNav .m9 .sCourseBd,
.pCourseNav .m10 .sCourseBd ,
.pCourseNav .m11 .sCourseBd,
.pCourseNav .m12 .sCourseBd {top:auto;bottom: 0 }
.pCourseNav .courseBd .open{height:41px;background: #3f8a3d; display: block;}
.pCourseNav .courseBd .open h3{position:absolute;z-index:2;color:#fff;width:163px;border-bottom:none; height:40px;line-height:41px}
.pCourseNav .courseBd .open h3 a{color:#fff;} 
.pCourseNav .courseBd .open h3 s{display:none;}
.pCourseNav .open .sCourseBd{display:block;}
.pCourseNav .subItem{float:left;width:290px;padding:5px 10px 10px;}
.pCourseNav .subItem dl{padding:5px} 
.pCourseNav .subItem dt{color:#ff7800;}
.pCourseNav .subItem dt a{font-size:12px;}
.pCourseNav .subItem dd span {color:#999;margin-right:10px;}
.pCourseNav .subItem dd a{margin-right:10px;white-space:nowrap;color:#666;}
.pCourseNav .subItem dd a:hover{color:#f74600;}
.pCourseNav .courseSort{float:left;width:200px;padding:10px;}
.pCourseNav .courseSort h4{padding-bottom:5px;font-size:16px;color:#666;}
.pCourseNav .courseSort li{background-color:#FFF;margin-bottom:4px;padding:0 5px;height:30px;line-height:30px;overflow:hidden;color:#999;}
.pCourseNav .courseSort li a{display:block;position:relative;white-space:nowrap;overflow:hidden;height:30px;color:#390;text-overflow:ellipsis;}
.pCourseNav .courseSort li a:hover{color:#f74600;}
.pCourseNav .courseSort li .a{display:block;margin:-8px 0 0 15px;font-size:13px;overflow:hidden;height:30px;text-overflow:ellipsis;}
.pCourseNav .courseSort li.on{height:52px;}
.pCourseNav .courseSort li.on a{color:#f74600;}
.pCourseNav .schools.open{z-index:3;}
.pCourseNav .schools{height:41px;padding:0 10px;background-color:#418ECC;position:relative;z-index:1;}
.pCourseNav .schools h3{height:40px;line-height:40px;font-weight:normal;overflow:hidden;}
.pCourseNav .schools h3 i{float:left;width:30px;height:36px;margin:4px 9px 0 3px;display:inline;background:url(../images/www_public.jpg) no-repeat 0 -434px;}
.pCourseNav .schools h3 a{float:left;color:#FFF;}
.pCourseNav .schools h3 s{float:right;width:10px;height:7px;margin:20px 10px 0 5px;display:inline;background:url(../images/www_public.jpg) no-repeat -185px -210px;}
.pCourseNav .schools .sCourseBd{border-color:#418ECC;bottom:0px;top:auto;background:#FFF;width:auto;padding:10px;}
.pCourseNav.open{height: auto;overflow: visible;}
.pCourseNav .schools .sCourseBd .schMap{width:800px;}
.pCourseNav .schools {overflow: hidden;}
.pCourseNav .schools.open{overflow: visible;}
.pCourseNav .schools .sCourseBd {display:block; left: 200px;}
.pCourseNav .schools.open .sCourseBd {left: 158px;}

.pCourseNav h3:hover i {-webkit-animation:wobble 1s 0s ease both;-moz-animation:wobble 1s 0s ease both;}
@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)} 15%{-webkit-transform:translateX(-15%) rotate(-5deg)} 30%{-webkit-transform:translateX(10%) rotate(3deg)} 45%{-webkit-transform:translateX(-10%) rotate(-3deg)} 60%{-webkit-transform:translateX(5%) rotate(2deg)} 75%{-webkit-transform:translateX(-5%) rotate(-1deg)} 100%{-webkit-transform:translateX(0%)} }
@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)} 15%{-moz-transform:translateX(-15%) rotate(-5deg)} 30%{-moz-transform:translateX(10%) rotate(3deg)} 45%{-moz-transform:translateX(-10%) rotate(-3deg)} 60%{-moz-transform:translateX(5%) rotate(2deg)} 75%{-moz-transform:translateX(-5%) rotate(-1deg)} 100%{-moz-transform:translateX(0%)} }



/********************** CourseLocation ***/
.pCourseLocation{background-color:#f2f3f8;border-bottom:1px solid #DCDCDC;height:33px;clear:both;line-height: 33px}
.pCourseLocation span {color: #f60;}



/********************** AboutNav + Copyright ***/
.pAboutlink{background-color:#F7F7F7;border-top:1px solid #DCDCDC;height:185px;}
.pAboutlink dl{float:left;width:175px;margin:25px 20px 0;display:inline;}
.pAboutlink .d4{width:320px;margin-right:0;}
.pAboutlink dt{font-size:16px;color:#333;padding:0 0 6px 45px;font-weight:bold;position:relative;}
.pAboutlink dt i{position:absolute;left:0;width:33px;height:33px;background:url(../images/www_public_2015.jpg) no-repeat -60px -434px;}
.pAboutlink .d1 i{background-position:100% -335px;}
.pAboutlink .d2 i{background-position:100% -380px;}
.pAboutlink .d3 i{background-position:100% -426px;}
.pAboutlink .d4 i{background-position:100% -471px;}
.pAboutlink .d5 i{background-position:100% -516px;}
.pAboutlink dd{margin-left:46px;line-height:25px;}
.pAboutlink dd a{color:#666;}
.pAboutlink .d4 dd{color:#666;}
.pAboutlink .d4 dd a{color:#357ec7;font-weight:bold;}
.pCopyright{text-align:center;background-color:#898989;color:#DCDCDC;padding:20px 0;font-family: 'Microsoft YaHei','微软雅黑','Tahoma';}
.pAboutlink dl:hover i {-webkit-animation:bounce 0.8s 0s ease both;-moz-animation:bounce 0.8s 0s ease both;}
@-webkit-keyframes bounce{0%,80%,100%{-webkit-transform:translateY(0)} 10%{-webkit-transform:translateY(-5px)} 30%{-webkit-transform:translateY(25px)} 50%{-webkit-transform:translateY(-5px)} 65%{-webkit-transform:translateY(10px)} 75%{-webkit-transform:translateY(-2px)} }
@-moz-keyframes bounce{0%,80%,100%{-moz-transform:translateY(0)} 10%{-moz-transform:translateY(-5px)} 30%{-moz-transform:translateY(25px)} 50%{-moz-transform:translateY(-5px)} 65%{-moz-transform:translateY(10px)} 75%{-moz-transform:translateY(-2px)} }



/* #shareBox{width:220px;left:-212px;}
#shareBox .t{background-color:#EEE;margin:-10px -20px 10px;line-height:30px;padding-left:20px;}
#shareBox .con{padding:10px 20px;}*/



/********************** Index Layout  ***/

.indexpage .pCourseNav{height: auto; overflow: visible;}
.indexpage .pCourseNav .courseHd {cursor:auto;}

.indexpage .pCourseSearch h2{padding-left: 210px;}
.indexpage .pCourseSearch .sbar_season{width:60px;}
.indexpage .pCourseSearch .sbar_dept{width:80px;}
.indexpage .pCourseSearch .sbar_grade{width:70px;}
.indexpage .pCourseSearch .sbar_classType{width:100px;}
.indexpage .pCourseSearch .sbar_position{width:130px;}
.indexpage .pCourseSearch .sbar_teacher{width:70px;}
.indexpage .FloatBar {top:563px}
.aboutpage .FloatBar {top:350px}

.tSearch .sInput2 ul{padding-top:3px;margin-right:-10px;}
.tSearch .sInput2 li{float:left;margin-right:5px;}
.tSearch .sInput2 .sbar_season,.tSearch .sInput2 .sbar_grade{width:55px;}
.tSearch .sInput2 .sbar_dept,
.tSearch .sInput2 .sbar_classType,
.tSearch .sInput2 .sbar_area {width:80px}

.tSearch .sInput2 .sbar_position{width:190px;margin-right:5px}
.tSearch .sInput2 .sbar_teacher{width:100px;padding:1px 0;border:1px solid #CCC;height: 25px;}
.tSearch .sInput2 select {border:1px solid #CCC;padding:1px;line-height:18px;height: 30px;}